<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我的一个页面</title>
    <style>/*css 负责页面的样式*/
/*
css 如何使用
1、<style>标签
2、link标签（外联样式表)
3、行内样式

css 优先级
css 选择器
css 常用样式选项
css 布局

       */
        #alert{
            background: #00e0e0;
            height: 50px;
            color: crimson;
        }
    </style>
</head>
<body><!--html负责页面的内容 -->
<!--
 ul>li 列表
 table 表格
 form 表单
 -->

    <h1 id="alert"></h1>
    <script>/*javascript 负责页面的动态脚本 */
        document.getElementById('alert').innerHTML="我爱我的祖国";

        setTimeout(function(){
            document.getElementById('alert')
                    .innerHTML="i love my contry";
        },2000)
    </script>
</body>
</html>